<template>
	<view class="home-wrap">
		<SubNavigation :title="'任免详情'" :tabs="tabs" :currentTab="tabKey" @tabChange="tabClick" />
		<view class="home-content" v-for="(item,index) in list" :key="index">
			<view class="top">
				{{item.top}}

			</view>
			<view class="bottom" v-for="(ele,ex) in item.subLis" :key="ex">
				<view class="bottom_main">
					<view class="title">
						<image src="/static/name_icon.png" mode=""></image>
						<text>{{ele.name}}</text>
					</view>
					<view class="content">
						{{ele.con}}

					</view>
				</view>
			</view>




		</view>
	</view>
</template>

<script>
	import SubNavigation from '@/components/SubNavigation.vue';

	export default {
		components: {
			SubNavigation
		},
		data() {
			return {
				tabKey: 0,
				tabs: [{
						name: '任职'
					}, {
						name: '免职'
					},
					{
						name: 'show',
						disabled: true
					}, {
						name: 'show',
						disabled: true
					}, {
						name: 'show',
						disabled: true
					},
				],
				list: [{
					top: '2024年7月3日广州市第十六届人民代表大会常务委员会第二十九次会议通过',
					subLis: [{
						name: '王一博',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}, {
						name: '张三水',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}, {
						name: '李二牛',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}]
				}, {
					top: '2024年7月3日广州市第十六届人民代表大会常务委员会第二十九次会议通过',
					subLis: [{
						name: '王一博',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}, {
						name: '张三水',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}, {
						name: '李二牛',
						con: '任：广州市第十六届人民代表大会教科学文化卫生委员会副主任委员'
					}]
				}]
			};
		},
		methods: {
			tabClick(val) {
				this.tabKey = val;
				// 可选择跳转页面或更新内容
			}
		}
	};
</script>

<style scoped>
	.home-content {
		border-bottom: 22rpx solid #EDEDED;
	}

	.top {
		padding: 22rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #000000;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		border-bottom: 6rpx solid #EDEDED;
	}

	.bottom {
		padding: 0 34rpx;
	}

	.bottom_main {
		padding: 38rpx 0;
		border-bottom: 2rpx solid #EDEDED;
	}

	.bottom_main .title {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #000000;
		line-height: 33rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
		display: flex;
		flex-direction: row;
		justify-content: start;

	}

	.bottom_main .title image {
		width: 50rpx;
		height: 48rpx;
		margin-left: -9rpx;
	}

	.bottom_main .title text {
		margin-top: 4rpx;
	}



	.bottom_main .content {
		margin-top: 18rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #FB4F4F;
		line-height: 28rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
</style>